<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./css/header.css" />
    <link rel="stylesheet" href="./css/main.css" />
    <link rel="stylesheet" href="./css/footer.css">
    <style>

    </style>
  </head>
  <body>
    <header>
      <div class="nav">
        <div class="nav-left">
          <img
            src="https://ripro.rizhuti.com/wp-content/themes/ripro-v5/assets/img/logo.png"
            alt="logo"
          />
          <div class="boundary"></div>
          <ul>
            <li>
              <a href="#"
                ><img src="./imgs/首页.svg" alt="首页" />首页<img
                  src="./imgs/xiangxia.svg"
                  alt="向下"
              /></a>
              <ul>
                <li><a href="#">首页风格1</a></li>
                <li><a href="#">首页风格2</a></li>
                <li><a href="#">首页风格3</a></li>
                <li><a href="#">首页风格4</a></li>
                <li><a href="#">首页风格5</a></li>
                <li><a href="#">首页风格6</a></li>
              </ul>
            </li>
            <li>
              <a href="#"
                ><img src="./imgs/文章.svg" alt="文章展示" />文章展示<img
                  src="./imgs/xiangxia.svg"
                  alt="向下"
              /></a>
              <ul>
                <li><a href="#">免费+下载</a></li>
                <li><a href="#">付费+折扣+下载</a></li>
                <li><a href="#">会员专属+下载</a></li>
                <li><a href="#">付费+查看隐藏内容</a></li>
                <li><a href="#">付费+视频播放</a></li>
                <li><a href="#">免费+视频播放</a></li>
              </ul>
            </li>
            <li>
              <a href="#"
                ><img src="./imgs/列表.svg" alt="列表展示" />列表展示<img
                  src="./imgs/xiangxia.svg"
                  alt="向下"
              /></a>
              <ul>
                <li><a href="#">音视频列表（网格）</a></li>
                <li><a href="#">列表（3.2宽图）</a></li>
                <li><a href="#">网格（3.2宽图）</a></li>
                <li><a href="#">网格（3.4长图+遮罩标题）</a></li>
                <li><a href="#">网格（3.4长图）</a></li>
                <li><a href="#">网格（4.3宽图+遮罩标题）</a></li>
                <li><a href="#">网格（21:9宽图）</a></li>
                <li><a href="#">网格（6列）</a></li>
              </ul>
            </li>
            <li>
              <a href="#"
                ><img src="./imgs/咖啡.svg" alt="专题" />专题<img
                  src="./imgs/xiangxia.svg"
                  alt="向下"
              /></a>
              <ul>
                <li><a href="#">优质资源推荐专题</a></li>
                <li><a href="#">精选UI资源推荐</a></li>
                <li><a href="#">常见wordpress文章推荐</a></li>
              </ul>
            </li>
            <li>
              <a href="#"
                ><img src="./imgs/砖石.svg" alt="VIP介绍" />VIP介绍<img
                  src="./imgs/xiangxia.svg"
                  alt="向下"
              /></a>
              <ul>
                <li><a href="#">标签云</a></li>
                <li><a href="#">网址导航</a></li>
                <li><a href="#">普通页面</a></li>
                <li><a href="#">全宽页面</a></li>
                <li><a href="#">html页面</a></li>
              </ul>
            </li>
            <li>
              <a href="#"
                ><img
                  src="./imgs/钱袋子.svg"
                  alt="获取本站主题"
                />获取本站主题</a
              >
            </li>
          </ul>
        </div>
        <div class="nav-right">
          <i
            ><a href="#"><img src="./imgs/太阳.svg" alt="太阳" /></a
          ></i>
          <i
            ><a href="#"><img src="./imgs/搜索 (1).svg" alt="搜索" /></a
          ></i>
          <i
            ><a href="#"><img src="./imgs/211铃铛-线性.svg" alt="铃铛" /></a
          ></i>
          <button><img src="./imgs/用户 头像.svg" alt="登录" />登录</button>
        </div>
      </div>
    </header>
    <main>
      <div class="label"><h2>手机应用</h2></div>
      <div class="title">
        <div class="title-in">
          <ul>
            <li><img src="./imgs/图层.svg" alt="UI设计" />UI设计</li>
            <li><a href="#">全部</a></li>
            <li><a href="#">XD</a></li>
            <li><a href="#">原型图</a></li>
            <li><a href="#">手机应用</a></li>
            <li><a href="#">网络应用</a></li>
          </ul>
          <ul>
            <li><img src="./imgs/图层.svg" alt="价格" />价格</li>
            <li><a href="#">全部</a></li>
            <li><a href="#">免费</a></li>
            <li><a href="#">VIP会员免费</a></li>
            <li><a href="#">VIP会员折扣</a></li>
            <li><a href="#">VIP会员专属</a></li>
            <li><a href="#">永久VIP免费</a></li>
          </ul>
          <ul>
            <li><img src="./imgs/排序,数量降序.svg" alt="UI设计" />排序</li>
            <li><a href="#">最新</a></li>
            <li><a href="#">热度</a></li>
            <li><a href="#">点赞</a></li>
            <li><a href="#">收藏</a></li>
            <li><a href="#">更新</a></li>
            <li><a href="#">随机</a></li>
          </ul>
        </div>
      </div>
      <div class="main">
        <div class="box">
          <span>VIP</span>
          <a href="#"></a>
          <div class="footer">
            <p>手机应用</p>
            <a href="#">Diamond kit 多用途UI 2.0</a>
            <p>概览 它的设计是为了加快你的创作进程</p>
            <div class="footer-in">
              <ul class="footer-left">
                <li>4年前</li>
                <li>0</li>
                <li>0</li>
                <li>516</li>
              </ul>
              <ul>
                <li>6</li>
              </ul>
            </div>
          </div>
        </div>
        <div class="box">
          <span>VIP</span>
          <a href="#"></a>
          <div class="footer">
            <p>手机应用</p>
            <a href="#">Diamond kit 多用途UI 2.0</a>
            <p>概览 它的设计是为了加快你的创作进程</p>
            <div class="footer-in">
              <ul class="footer-left">
                <li>4年前</li>
                <li>0</li>
                <li>0</li>
                <li>516</li>
              </ul>
              <ul>
                <li>6</li>
              </ul>
            </div>
          </div>
        </div>
        <div class="box">
          <span>VIP</span>
          <a href="#"></a>
          <div class="footer">
            <p>手机应用</p>
            <a href="#">Diamond kit 多用途UI 2.0</a>
            <p>概览 它的设计是为了加快你的创作进程</p>
            <div class="footer-in">
              <ul class="footer-left">
                <li>4年前</li>
                <li>0</li>
                <li>0</li>
                <li>516</li>
              </ul>
              <ul>
                <li>6</li>
              </ul>
            </div>
          </div>
        </div>
        <div class="box">
          <span>VIP</span>
          <a href="#"></a>
          <div class="footer">
            <p>手机应用</p>
            <a href="#">Diamond kit 多用途UI 2.0</a>
            <p>概览 它的设计是为了加快你的创作进程</p>
            <div class="footer-in">
              <ul class="footer-left">
                <li>4年前</li>
                <li>0</li>
                <li>0</li>
                <li>516</li>
              </ul>
              <ul>
                <li>6</li>
              </ul>
            </div>
          </div>
        </div>
        <div class="box">
          <span>VIP</span>
          <a href="#"></a>
          <div class="footer">
            <p>手机应用</p>
            <a href="#">Diamond kit 多用途UI 2.0</a>
            <p>概览 它的设计是为了加快你的创作进程</p>
            <div class="footer-in">
              <ul class="footer-left">
                <li>4年前</li>
                <li>0</li>
                <li>0</li>
                <li>516</li>
              </ul>
              <ul>
                <li>6</li>
              </ul>
            </div>
          </div>
        </div>
        <div class="box">
          <span>VIP</span>
          <a href="#"></a>
          <div class="footer">
            <p>手机应用</p>
            <a href="#">Diamond kit 多用途UI 2.0</a>
            <p>概览 它的设计是为了加快你的创作进程</p>
            <div class="footer-in">
              <ul class="footer-left">
                <li>4年前</li>
                <li>0</li>
                <li>0</li>
                <li>516</li>
              </ul>
              <ul>
                <li>6</li>
              </ul>
            </div>
          </div>
        </div>
        <div class="box">
          <span>VIP</span>
          <a href="#"></a>
          <div class="footer">
            <p>手机应用</p>
            <a href="#">Diamond kit 多用途UI 2.0</a>
            <p>概览 它的设计是为了加快你的创作进程</p>
            <div class="footer-in">
              <ul class="footer-left">
                <li>4年前</li>
                <li>0</li>
                <li>0</li>
                <li>516</li>
              </ul>
              <ul>
                <li>6</li>
              </ul>
            </div>
          </div>
        </div>
        <div class="box">
          <span>VIP</span>
          <a href="#"></a>
          <div class="footer">
            <p>手机应用</p>
            <a href="#">Diamond kit 多用途UI 2.0</a>
            <p>概览 它的设计是为了加快你的创作进程</p>
            <div class="footer-in">
              <ul class="footer-left">
                <li>4年前</li>
                <li>0</li>
                <li>0</li>
                <li>516</li>
              </ul>
              <ul>
                <li>6</li>
              </ul>
            </div>
          </div>
        </div>
        <div class="box">
          <span>VIP</span>
          <a href="#"></a>
          <div class="footer">
            <p>手机应用</p>
            <a href="#">Diamond kit 多用途UI 2.0</a>
            <p>概览 它的设计是为了加快你的创作进程</p>
            <div class="footer-in">
              <ul class="footer-left">
                <li>4年前</li>
                <li>0</li>
                <li>0</li>
                <li>516</li>
              </ul>
              <ul>
                <li>6</li>
              </ul>
            </div>
          </div>
        </div>
        <div class="box">
          <span>VIP</span>
          <a href="#"></a>
          <div class="footer">
            <p>手机应用</p>
            <a href="#">Diamond kit 多用途UI 2.0</a>
            <p>概览 它的设计是为了加快你的创作进程</p>
            <div class="footer-in">
              <ul class="footer-left">
                <li>4年前</li>
                <li>0</li>
                <li>0</li>
                <li>516</li>
              </ul>
              <ul>
                <li>6</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </main>
    <footer>
      <div class="footer-main">
        <div class="footer-main1">
          <img
            src="https://ripro.rizhuti.com/wp-content/themes/ripro-v5/assets/img/logo.png"
            alt="logo"
          />
          <div class="logo">
            日主题v2是一款全新架构的Wordpress主题，兼容老款日主题，支持会员商城
            ，前后台界面均支持html5响应式布局，夜间模式一键切换。
          </div>
        </div>
        <ul>
          <li><h4>快速导航</h4></li>
          <li><a href="#">个人中心</a></li>
          <li><a href="#">标签云</a></li>
          <li><a href="#">网址导航</a></li>
        </ul>
        <ul>
          <li><h4>关于本站</h4></li>
          <li><a href="#">VIP介绍</a></li>
          <li><a href="#">客服咨询</a></li>
          <li><a href="#">推广计划</a></li>
        </ul>
        <div class="footer-main1">
            <h4>联系我们</h4>
            <div>
                <img src="https://ripro.rizhuti.com/wp-content/themes/ripro-v5/assets/img/ritheme-qr.png" alt="二维码">
                <img src="https://ripro.rizhuti.com/wp-content/themes/ripro-v5/assets/img/ritheme-qr.png" alt="二维码">
                <span>如有BUG或建议可与我们在线联系或登录本站账号进入个人中心提交工单。</span>
            </div>
        </div>
      </div>
        <p>Copyright © 2021 RiPro-V2 - All rights reserved</p>
        <p><a href="#">京ICP备18888888号-1</a><a href="#">京公网安备 188888888</a> | 本站数据为演示数据，均来自互联网采集转载，仅供体验</p>
        <p>使用Redis缓存技术加速：SQL：29 | Pages：0.23166s</p>
    </footer>
  </body>
</html>
